@import './transition.less';


html {
  font-size: calc(100vw / 7.5);
}

@blue: #324157;
@light-blue: #3A71A8;
@red: #C03639;
@pink: #E65D6E;
@green: #30B08F;
@tiffany: #4AB7BD;
@yellow: #FEC171;
@panGreen: #30B08F;

// sidebar
@menuText: #bfcbd9;
@menuActiveText: #409EFF;
@subMenuActiveText: #f4f4f5; // https://github.com/ElemeFE/element/issues/12951

@menuBg: #304156;
@menuHover: #263445;

@subMenuBg: #1f2d3d;
@subMenuHover: #001528;

@sideBarWidth: 210px;

//@import '~ant-design-vue/dist/antd.less';
//最小宽高960*768
@cursor: green;
@link-text: #378BFB;


//按钮主样式
@bh-btn-border-radius: 4px;

@bh-default-border: #D9D9D9;
@bh-default-text: #8C8C8C;

//按钮字体大小
@bh-font-default: 14px;
@bh-font-mini: 12px;

@bh-default-padding: 6px 16px;
@bh-large-padding: 11px 16px;
@bh-small-padding: 2px 16px;
@bh-min-padding: 0 6px;


@bh-primary-main: #1890FF;
@bh-primary-minor: #A5D6FF;
@bh-primary-least: #E5F7FF;


@bh-danger-main: #FC4F54;
@bh-danger-minor: #FF9EA1;
@bh-danger-least: #FFF1F0;

@bh-warning-main: #FAAD13;
@bh-warning-minor: #FFE4AF;
@bh-warning-least: #FFFBE7;

@bh-success-main: #52C41A;
@bh-success-minor: #A1D985;
@bh-success-least: #F6FFEE;

@bh-disabled-minor: #BFBFBF;
@bh-disabled-least: #F0F0F0;

.min-width-1200 {
  min-width: 1200px;
}

.flex {
  display: flex;
}

.d-jcs-aic {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.d-jcc-aic {
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-jce-aic {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.d-fdc-aic {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.d-aic {
  display: flex;
  align-items: center;
}

.d-jcs {
  display: flex;
  justify-content: space-between;
}

.flex-fixed {
  flex-shrink: 0;
  flex-grow: 0;
}

.modal-class-title {
  padding-bottom: 22px;
  font-size: 20px;
  color: #262626;
}

.box-shadow-2 {
  box-shadow: 0 2px 8px 0 rgba(51, 51, 51, .25);
}

.mt-30 {
  margin-top: 30px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mr-10 {
  margin-right: 10px
}

.ml-30 {
  margin-left: 30px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-20 {
  margin-left: 20px;
}


// 标准样式
.color-secondary-text {
  color: #8c8c8c;
}

// 去除默认样式
a {
  color: #333333;
}

@-webkit-keyframes syncAnimal {
  0% {
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
  100% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

}

.circle {
  border-radius: 50%;
}

.flex-grow {
  flex-grow: 1;
}

ul, ol, li {

}
